<template>
    <div>
        <h3>协调管理数据中心</h3>
        <el-date-picker class="choice-date" v-model="choice_date" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
        <div class="content">
            <div class="charts-block">
                <h5>协调问题销项图</h5>
                <simple-bar :is_number="true" id="left-1" class="left-1" :data="table_data"></simple-bar>
            </div>
        </div>
    </div>
</template>

<script>
import SimpleBar from "@/components/charts/SimpleBar.vue";

export default {
    name: 'coordinate-table',
    components: {
        SimpleBar
    },
    data() {
        return {
            choice_date: ["2018-10-01", "2018-10-12"],
            table_data: {
                x: ['9.17-9.23', '9.24-9.30', '10.1-10.7', '10.8-10.14'],
                data: [[25, 28, 35, 33], [23, 27, 33, 30]],
                name: ['收到问题数', '解决问题数'],
                color: ["#5ed8eb", "#649dfa"]
            }
        }
    }
}
</script>

<style scoped>
@import "../../assets/css/data.css";
</style>
